<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>修改密码</title>
    <link rel="stylesheet" type="text/css"
          href="assets/admin/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="assets/admin/css/admin.css"/>
</head>

<body>
<div class="page-content-wrap" id="scoreAdd">

    <form class="layui-form" action="" id="">
        <div class="layui-form-item">
            <label class="layui-form-label">原密码</label>
            <div class="layui-input-block">
                <input type="text" name="pwd" lay-verify="pwd"
                       placeholder="请输入原密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">新密码</label>
            <div class="layui-input-block">
                <input type="password" name="pwd1" lay-verify="pwd1"
                       placeholder="请输入新密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">确认新密码</label>
            <div class="layui-input-block">
                <input type="password" name="pwd2" lay-verify="pwd2"
                       placeholder="请输入确认新密码" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item m-login-btn" style="text-align:center">
            <div class="layui-inline">
                <button class="layui-btn layui-btn-normal" lay-submit lay-filter="addScore">修改密码</button>
            </div>
            <div class="layui-inline">
                <button type="reset" class="layui-btn layui-btn-primary  site-demo-active"
                        data-type="reset">取消修改
                </button>
            </div>
        </div>
    </form>

    <hr></hr>
    <h5 style="text-align: center;">@学生成绩管理系统</h5>
</div>
<script src="assets/admin/layui/layui.all.js" type="text/javascript"
        charset="utf-8"></script>
<script>
    layui.use(['form', 'layedit', 'laydate'], function () {
        var form = layui.form
            , layer = layui.layer, layedit = layui.layedit;
        var $ = layui.jquery;
        //创建一个编辑器
        var editIndex = layedit.build('LAY_demo_editor');
        //自定义验证规则
        form.verify({
            pwd1: [
                /^[a-zA-Z][a-zA-Z0-9]{4,6}$/,
                '密码字母数字组成，数字不能开头，长度6-8'
            ]
            , content: function (value) {
                layedit.sync(editIndex);
            }
        });
        form.on('submit(addScore)', function (data) {
            var str = JSON.stringify(data.field)
            var param = JSON.parse(str);
            $.ajax({
                //几个参数需要注意一下
                type: "POST",//方法类型
                dataType: "json",//预期服务器返回的数据类型
                url: "/student/updatePwd",//url
                data: param,
                success: function (result) {
                    if (result.code == "0") {
                        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                        parent.layer.close(index);
                        parent.layer.msg('密码修改成功!!!!',function (){
                           parent.location.href="/login.html";
                        });
                    } else {
                        layer.msg(result.msg, {
                            icon: 5
                        });
                    }
                },
                error: function () {
                    layer.msg('服务器错误', {
                        icon: 5
                    });
                }
            });

            return false;
        });
        //触发事件
        var active = {
            reset: function () {
                var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
                parent.layer.close(index);
                parent.layer.msg('已取消操作');
            }
        };
        $('#scoreAdd .layui-btn').on('click', function () {
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });

    });
</script>
</body>

</html>